<template>
  <div>
    <h2>夏从政是呆子</h2>
    <img :src="url" alt="" />
    <!-- < img v-bind:src="url" alt="" />  -->
    <hr />
    <!-- 冒号就是v-bind的缩写  :value就是取data里的数据 -->
    <input type="text" :value="v" /><br />

    <!-- toUpperCase()  字符串转大写 -->
    <input type="text" :value="v.toUpperCase()" /><br /> 
    <!-- 效果: --->HELLO XIA -->

    <!-- 在后面用 +'' 的方式  添加字符 -->
    <!-- <input type="text" :value="v + ' 哈哈'" /><br /> -->
    <input type="text" :value="v + '哈哈'"> <br/>

  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "http://www.itcbc.com:3006/formdata/123.jpg",
      v: "hello Xia",
    };
  },
};
</script>

<style >
h2 {
  color: skyblue;
}
</style>